<header>
  <nav class="navbar fixed-top nav-section">
    <div class="container">
      <span class="nav-logo"></span>
      <ul class="navbar-nav">
        <li class="nav-item" id="index_page">
          <a class="nav-link" href="./index.html">首页</a>
        </li>
        <li class="nav-item" id="course_page">
          <a class="nav-link" href="./course.html" id="work">课程体系</a>
        </li>
        <li class="nav-item" id="student_page">
          <a class="nav-link" href="./student.html">学员成果</a>
        </li>
        <li class="nav-item" id="project_page">
          <a class="nav-link" href="./project.html">项目合作</a>
        </li>
        <li class="nav-item" id="coding_page">
          <a class="nav-link" href="./coding.html">编程资讯</a>
        </li>
        <li class="nav-item" id="about_page">
          <a class="nav-link" href="./about.html">关于我们</a>
        </li>
      </ul>
      <span class="nav-open"></span>
    </div>
    <div class="nav_sub-content">
      <ul class="nav_sub-list">
        <li class="nav_sub-item">
          <a href="./courseDash.html">
            <p class="sub-txt">5岁/Dash</p>
            <span class="sub-icon dash"></span>
          </a>
        </li>
        <li class="nav_sub-item">
          <a href="./courseScratch.html">
            <p class="sub-txt">6-9岁/Scratch</p>
            <span class="sub-icon scratch"></span>
          </a>
        </li>
        <li class="nav_sub-item">
          <a href="./coursePython.html">
            <p class="sub-txt">9-12岁/Python</p>
            <span class="sub-icon python"></span>
          </a>
        </li>
        <li class="nav_sub-item">
          <a href="./courseC.html">
            <p class="sub-txt">12+岁/C++</p>
            <span class="sub-icon c"></span>
          </a>
        </li>
      </ul>
    </div>
  </nav>
</header>
